Skip to content

GLSP-31: Update workflow example (standalone)#504

Merged
tortmayr merged 2 commits into
masterfrom
restyle-2
Jun 10, 2026
Merged

GLSP-31: Update workflow example (standalone)#504
tortmayr merged 2 commits into
masterfrom
restyle-2

Conversation

@tortmayr

@tortmayr tortmayr commented May 20, 2026

Copy link
Copy Markdown
Contributor

What it does

GLSP-31: Update workflow example (standalone)

Migrate bundling to esbuild

Part-of: eclipse-glsp/glsp#1693

Rework workflow-standalone example
  • Redesign standalone example app
    • Central diagram widget
    • Proper title bar
    • Additional toggleable section for keyboard bindings
      Add/introduce following features
  • Context menu support
    • Server-side provided context menus
    • Navigation/Marker menu entries
    • Edit task menu entries
  • Title bar with
    • Diagram menu similar to Theia integration
      • Including layout commands
    • Dirty state marker
    • Undo/Redo buttons
  • Theming support
    • 5 seletable themes
    • light/dark mode variants
    • Theme switcher in title bar
  • Extended urlParameter configuration
    • grid,readonly,mcp,theme,mode

Fixes eclipse-glsp/glsp#31

Additional fixes
  • Fixes an issue with the GLSP Projection view which did not calculate
    scrollbars correctly for the diagrams that are off-center (don't start
    at 0,0)

  • Fixes an issue with the GLSPWebSocketConnectionHandler which did not
    properly try to reconnect if it was launched before the server was
    available

  • Add comment section to claude.md

How to test

Follow-ups

Changelog

  • This PR should be mentioned in the changelog
    -Workflow-example redesign is not part of the changelog, but the fix for the projection view should be part of it
  • This PR introduces a breaking change (if yes, provide more details below for the changelog and the migration guide)
  • WebSocketConnectionProvider fix should be mentioned. Might be affecting some edges cases of adopters that relied on the reconnection behavior not triggering if the server is not available yet

@github-actions

github-actions Bot commented May 20, 2026

Copy link
Copy Markdown
Contributor

Preview: Removed (PR closed).

@tortmayr tortmayr force-pushed the restyle-2 branch 4 times, most recently from 6008cf1 to e3a4f42 Compare June 2, 2026 20:47
@tortmayr tortmayr force-pushed the restyle-2 branch 3 times, most recently from 69bee60 to 0177602 Compare June 8, 2026 20:51
@tortmayr tortmayr marked this pull request as ready for review June 8, 2026 20:54
@tortmayr tortmayr changed the title [WIP] GLSP-31: Update workflow example (standalone) GLSP-31: Update workflow example (standalone) Jun 8, 2026
@tortmayr tortmayr requested a review from martin-fleck-at June 8, 2026 20:56
@tortmayr tortmayr force-pushed the restyle-2 branch 2 times, most recently from c78f825 to 91bc613 Compare June 9, 2026 13:23
## Switch to esbuild for bundling
Part-of: eclipse-glsp/glsp#1693

## Redesign standalone example app
  - Central diagram widget
  - Proper title bar
  - Additional toggleable section for keyboard bindings
Add/introduce following features
- Context menu support
  - Server-side provided context menus
  - Navigation/Marker menu entries
  - Edit task menu entries
- Title bar with
  - Diagram menu similar to Theia integration
    - Including layout commands
  - Dirty state marker
  - Undo/Redo buttons
- Theming support
  - 5 seletable themes
  - light/dark mode variants
  - Theme switcher in title bar
- Extended urlParameter configuration
  - grid,readonly,mcp,theme,mode

Fixes eclipse-glsp/glsp#31

## Additional fixes

- Fixes an issue with the GLSP Projection view which did not calculate
scrollbars correctly for the diagrams that are off-center (don't start
at 0,0)

- Fixes an issue with the GLSPWebSocketConnectionHandler which did not
properly try to reconnect if it was launched before the server was
available

- Add comment section to claude.md
@tortmayr tortmayr requested review from martin-fleck-at and removed request for martin-fleck-at June 9, 2026 13:40
@tortmayr

tortmayr commented Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

@martin-fleck-at Could you please review this change. Sorry, its quite large 😉

@planger @haydar-metin If you have time please test the reworked standalone example.
Any Feedback is appreciated Open browser example

@planger planger left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wow this is just wonderful! Very very beautiful, modern, but not overdone.
Excellent work, thank you very much!

@haydar-metin

haydar-metin commented Jun 10, 2026

Copy link
Copy Markdown
Contributor
image

That is a lie!


image

The shadow at the bottom is cut off.


Just an opinion without a solution:
image

the scrollbars are sometimes hard to see.


I'm not sure if it is fixable:

You can not move the scrollbar if the cursor is outside of the frame.


image

Not sure if we should fix that :D


Amazing work! Looks soooo much better now.

<span class="shortcuts-chevron" id="shortcutsChevron">&#x25B8;</span>
Keyboard Shortcuts
</div>
<div class="shortcuts-panel" id="shortcutsPanel">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should implement a registry for all possible shortcuts as a follow up (I'm not sure if we have already something similar with the accessibility implementation). This would also allow us to identify if two shortcuts are bound in the same context.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, we should do this as a follow-up issue

@martin-fleck-at martin-fleck-at removed their request for review June 10, 2026 09:35
@tortmayr

Copy link
Copy Markdown
Contributor Author

Thanks for the review @haydar-metin.

I fixed the first three mentioned issue. The other two are not easily fixable, and i think the behaviors is okay for an example app.

@tortmayr tortmayr merged commit 6f64809 into master Jun 10, 2026
7 checks passed
@tortmayr tortmayr deleted the restyle-2 branch June 10, 2026 14:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update workflow standalone example

3 participants